<template>
  <div :style="{ width: props.width, height: props.height }">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="props.width"
      :height="props.height"
      preserveAspectRatio="none meet"
      viewBox="0 0 85.399 48"
    >
      <g id="装饰7" transform="translate(-625.022 -373.843)">
        <path
          id="路径_1197"
          data-name="路径 1197"
          d="M170.667,194.667a24,24,0,1,1,24,24A24.071,24.071,0,0,1,170.667,194.667Zm6,0a18,18,0,1,0,18-18A18.053,18.053,0,0,0,176.667,194.667Z"
          transform="translate(473.055 203.176)"
          :fill="states.color"
        />
        <path
          id="路径_1200"
          data-name="路径 1200"
          d="M203.367,194.667l-10.5,10.5-4.2-4.2,6.3-6.3-6.3-6.3,4.2-4.2Z"
          transform="translate(507.055 203.176)"
          :fill="states.color"
        />
        <path
          id="路径_1201"
          data-name="路径 1201"
          d="M188.667,194.666l10.5,10.5,4.2-4.2-6.3-6.3,6.3-6.3-4.2-4.2Z"
          transform="translate(436.355 203.176)"
          :fill="states.color"
        />
        <path
          id="矩形_57_-_轮廓"
          data-name="矩形 57 - 轮廓"
          d="M0,0H15.291V15.291H0ZM13.064,2.227H2.227V13.064H13.064Z"
          transform="translate(667.723 387.029) rotate(45)"
          :fill="states.color"
          :stroke="states.color"
          stroke-width="1"
        />
        <rect
          id="矩形_60"
          data-name="矩形 60"
          width="6.029"
          height="6.029"
          rx="3"
          transform="translate(667.736 393.578) rotate(45)"
          :fill="states.color"
        />
      </g>
    </svg>
  </div>
</template>

<script setup lang="ts">
import { computed, onMounted } from "vue";

let props = defineProps({
  width: {
    type: String,
    default: "",
  },
  height: {
    type: String,
    default: "",
  },
  id: {
    type: String,
    default: "",
  },
  models: {
    type: Object,
    default: () => ({}),
  },
});
const states = computed({
  get: () => props.models,
  set: () => {},
}) as any;

let emit = defineEmits(["updateSize"]);
onMounted(() => {
  emit("updateSize", {
    w: 430,
    h: 200,
    id: props.id,
  });
});
</script>

<style scoped lang="scss"></style>
